{% extends 'baykeshop/order/order_detail.html' %}

{% load static %}
{% block title %}支付结果反馈{% endblock %}

{% block breadcrumb %}
<div class="container">
  <nav class="breadcrumb is-marginless mt-3 mb-3 is-small" aria-label="breadcrumbs">
    <ul>
      <li><a href="{% url 'baykeshop:home' %}">首页</a></li>
      <li class="is-active"><a href="#" aria-current="page">支付结果反馈</a></li>
    </ul>
  </nav>
</div>
{% endblock %}


{% block payok %}
{% include 'baykeshop/payment/payok.html' %}
{% comment %} <div class="box is-radiusless is-marginless pl-6 pr-6" style="line-height: 30px;">

    <div class="is-flex is-flex-direction-column is-align-items-center mb-4">
        <figure class="image is-128x128">
        <img src="{% static 'baykeshop/img/payok.svg' %}">
        </figure>
        <h1 class=" is-size-3 ">支付成功</h1> 
    </div>
    <div class=" dropdown-divider"></div>

    <p>订单编号：{{ order.order_sn }}</p> 
    <p>实际支付：{{ order.total_amount }}元</p>
    <p>收货信息：{{ order.address }}</p>
    <p>支付状态：{{ order.get_pay_status_display }}</p>
    <p>支付方式：{{ order.get_pay_method_display }}</p>
    <p>支付时间：{{ order.pay_time }}</p>
    <p>订单商品：</p>
    <div class=" dropdown-divider"></div>
    <ul>
        {% for order_sku in order.baykeshopordersku_set.all %}
            <li><a>{{ order_sku.title }} <br> {{ order_sku.spec }}</a></li>
            <div class=" dropdown-divider"></div>
        {% endfor %}
    </ul>
</div>

<div class="box is-radiusless">
    <div class=" buttons is-justify-content-center">
    <a class=" button is-success" href="{% url 'baykeshop:order_detail' order.order_sn %}">查看订单</a>
    <a class=" button is-black" href="{% url 'baykeshop:home' %}">返回首页</a>
    </div>
</div> {% endcomment %}
{% endblock %}

{% block vue %}{% endblock %}
    
    
    